<template>
    <div class="nofaunt">
        <img src="../../../public/img/404.webp">
        
    </div>
    <p>抱歉，您访问的页面不存在。</p>
    <el-button class="goback" @click="handelBack()">返回首页</el-button>
</template>


<script>

export default {
    //页面不存在跳转回首页
    methods:{
        handelBack(){
            this.$router.push({
                path:('/')
            })
        }
    }
}
</script>

<style scoped lang="scss">
.nofaunt{
   display:flex;
   align-items: center;
    justify-content: center;
}
p{
    position: absolute;   
    
    margin-left:680px;
}   
.goback{
   
    margin-top: 50px;
     margin-left:730px
  
}
</style>